<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Spaces</title>
    <link rel="stylesheet" type="text/css" href="/static/stylesheet/spaces_css.css">
    <link rel="shortcut icon" href="/static/icon/favicon.ico">
</head>
<style>
    html {
        background-color: black;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: white
    }
</style>

<body>
    <div id="header">
        <h1 id="title">Personal Spaces</h1>
        <h2 id="subtitle">——LSFD Class 2201</h2>
    </div>
    <div id="browser_version">
        This site is only available for browsers which are launched recently.
        <a id="browser" href="/browsers">&gtclick me&lt</a>
    </div>
    <nav>
        <div id="navpage"><a href="/main" id="recent">Main Page</a></div>
        <div id="navpage"><a href="/members">Members</a></div>
        <div id="navpage"><a href="/mv">Our Video</a></div>
        <div id="navpage"><a href="/spaces">Spaces(developing</a></div>
    </nav>
    <p style="text-align:center;padding:3%;font-size:24px">the personal spaces are currently unavailable<br>we are
        working hard to make every student a personal space.</p>
    <div id="space">
        <h2>Enn's personal space</h2>
        <p>(disabled)</p>
        <p>latest launch: none</p>
        <div style="float:right" id="spacego">
            <a href="" id="htgo">disabled!</a>
        </div>
    </div>
    <div id="space">
        <h2>Ms.Bao's personal space</h2>
        <p>(disabled)</p>
        <p>latest launch: none</p>
        <div style="float:right" id="spacego">
            <a href="" id="htgo">disabled!</a>
        </div>
    </div>
    <div id="space">
        <h2>Mr.Chen's personal space</h2>
        <p>(disabled)</p>
        <p>latest launch: none</p>
        <div style="float:right" id="spacego">
            <a href="" id="htgo">disabled!</a>
        </div>
    </div>
    <div id="space">
        <h2>Crystal's personal space</h2>
        <p>(disabled)</p>
        <p>latest launch: none</p>
        <div style="float:right" id="spacego">
            <a href="" id="htgo">disabled!</a>
        </div>
    </div>
    <footer style="color:white">
        © Copyright 2020 LSFD Class 202201<br>Website V2.1.0 Alpha testing
    </footer>
</body>

</html>